
/* 中间分类模块 start */
img {
    display: block;             /* 解决图片低侧有空白缝隙的问题 */
    /* vertical-align: top; */
}

.grid {
   height: 480px;
   
}

.grid-col1 {
    width: 260px;
    height: 100%;
    background-color: #6e6568; 
    color: #fff;
    font-size: 14px;    /* 给反斜杠 */
}

.grid-col1 a { 
    color: #fff;
    font-size: 16px;    /* 给链接文字的 */
    margin: 0 3px;
}

.grid-col1 a:hover { 
    color: #f10215;
}


.grid-col1 ul {
    padding: 10px 0;  /* padding是内边距 margin是外边距 */
}

.grid-col1 ul li:hover {
    background-color: #9c9698;
}

.grid-col1 ul li {
    padding-left: 12px;
    height: 29px;
    line-height: 26px;
}

.grid-col2 {
    width: 1000px;       /* 950 */
    height: 100%;
    margin-left: 10px;
}

.grid-col2-t {
    position: relative;
}

.grid-col2-t a {
    font-family: "icomoon";
    font-weight: normal;
    font-style: normal;     /* 不倾斜*/
    color: rgba(255, 255, 255, 0.8);
}

.arrow-l, 
.arrow-r {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 60px;
    background: rgba(255, 255, 255, 0.349);
    transform: translateY(-50%);   /* 自身盒子的一半 */
    text-align: center;
    font-size: 30px;
    line-height: 60px;
}

.arrow-r {
    right: 0;
}

.circle {
    width: 100px;
    height: 20px;
    background: rgba(255, 255, 255, 0.349);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    border-radius: 10px;
    padding-left: 10px;
}

.circle li {
    height: 12px;
    width: 12px;
    background: #fff;
    border-radius: 50%;
    float: left;
    margin: 4px 5px 0;
    cursor: pointer;  /* 鼠标经过li的时候编程小手 */
}

.circle .current {
    background-color: #f10215;
}

.grid-col3 {
    width: 210px; /* 260 -140 */
    height: 100%;
    margin-left: 10px;
}

.login {
    height: 85px;
    border-bottom: 1px solid #ccc;
    padding: 15px;
    background-color: #fff;
}

.login-t {
    width: 110px;
    height: 60px;
    font-size: 12px;
    white-space: nowrap;        /* 强制一行内显示 */
    overflow: hidden;       /* 溢出隐藏 */
    text-overflow: ellipsis;   /* 超出部分显示省略号 */
    color: #666;
    padding-left: 60px;         /* 把文字移动到右边，剩下空白给图标 */
    line-height: 20px;
    position: relative;
}

.login-t a {
    color: #666;
    font-size: 14px;
}

.login-t span {
    margin: 0px 5px;
}

.login-t a:hover {
    color: #f10215;
}

.user-info {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 0;
    top: 0;
    border-radius: 50%;     /* 剪裁成圆角 */
    overflow: hidden;
}
.user-info img {
    width: 100%;
}

.login-b a {
    display: inline-block;
    width: 80px;
    height: 30px;
    /* border: 2px solid #f10215; */
    margin-right: 3px;
    text-align: center;
    line-height: 30px;
    border-radius: 20px;
}

.login-b a:first-child {
    background-color: #e1251b;
    color: #fce8e7;
}

.login-b a:last-child {
    background-color: #363634;
    color: #c3b87e;
}

.login-b a:hover {
    background-color: #741611;
}

.news {
    height: 154px;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    padding: 7px 13px 0;
    box-sizing: border-box;     /* 修改成不用改盒子 */
}

.news-t {
    height: 19px;
    border-bottom: 1px solid #ccc;
    position: relative;
}

.news-t a {
    float: left;
    height: 17px;
    line-height: 17px;
}

.cuxiao {
    width: 48px;
    border-right: 1px solid #ccc;
}

.gg {
    margin-left: 15px;
}

.news-t .more {
    float: right;
}

.news-t div {
    height: 2px;
    width: 28px;
    background-color: #f10215;
    position: absolute;
    bottom: -1px;
    left: 0;
}

.news-b ul {
    padding-top: 15px;
}

.news-b li {
    height: 23px;
    line-height: 23px;
}

.expand {
    height: 209px;
    /* border-bottom: 1px solid #ccc; */
    background-color: #fff;
    overflow: hidden;  /* li 宽度已经超过了，需要把超出的隐藏 */
}

.expand ul {
    width: 215px;       /* 父亲是190 但里面的li 宽度超过了190 摆放不开 4个li 让ul 宽度变大*/
}

.expand li {
    width: 52px;
    height: 69px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    float: left;
}
/* 中间分类模块 end */